<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file="blocks/header.jsp" %>
<script>
    $(document).ready(function(){

        $("#form_recovery_password").submit(function() {
            $.ajax({url: '<c:url value="/api/recovery_password/send_email.json" />',
                type: "POST",
                data: $("#form_recovery_password").serialize(),
                success: function(data, status) {
                    if (!data.error) {
                        $("#form_recovery_password").hide("slow");
                        $("#message_mail_send").html("Письмо отправлено успешно").show("slow");
                    } else {
                        if (data.errorCode == "emailError") {
                            $("#message_mail_send").html("Непривельный EMail!");
                        }
                    }
                },
                error: function() {
                    var message = "В данный момент сервер недоступен!";
                    $('#message_mail_send').html(message);
                }
            }); 
            return false;
        });
        
    });
</script>
<div class="row">
    <div class="span9">
        <div>
            <h2>Востановление пароля</h2>
        </div>
        <div class="row">		
            <div class="span9">
                    <div id="message_mail_send"></div>
                    <form id="form_recovery_password" class="form-horizontal">
                            <fieldset>
                                    <p>На ваш элетронный адрес будет отправлено письмо с ссылкой для изменения пароля</p><br>
                                    <div class="control-group">
                                            <label for="focusedInput" class="control-label">E-mail:</label>
                                            <div class="controls">
                                                    <input type="text" placeholder="Введите ваш E-mail" id="focusedInput" name="email" class="focused input-xlarge">
                                            </div>
                                            <div class="span6 pagination-centered" style="margin-top: 10px;">
                                                <p>
                                                    <button id="button_send_email" class="btn btn-primary" type="submit">Отправить письмо</button>
                                                </p>
                                            </div>
                                    </div>
                            </fieldset>
                    </form>
            </div>
        </div>
    </div>
</div>
<%@ include file="blocks/footer.jsp" %>